<template>
  <!-- <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path : '/'}">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{$route.name}}</el-breadcrumb-item>
    </el-breadcrumb>

    <el-card>
  <h4>主题颜色设置</h4>-->

  <el-color-picker
    @active-change="handleActiveChange"
    @change="handleColorChange"
    size="small"
    show-alpha
    v-model="themeColor"
  ></el-color-picker>
  <!-- </el-card>
  </div>-->
</template>

<script>
export default {
  data () {
    return {
      themeColor: localStorage.getItem('themeColor') || '#2aa0ee'
    }
  },

  methods: {
    handleColorChange (currentColor) {
    },

    handleActiveChange (currentColor) {
      this.themeColor = currentColor
      localStorage.setItem('themeColor', currentColor)
      this.$bus.$emit('changeColor', currentColor)
    }
  },
}
</script>